<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/app.min.css">
    <title>校视通</title>
  </head>

  <body class="dash-body">

    <header role="banner" class="dash-header">

      <div class="navbar-header pull-left">
        <a href="/" class="navbar-brand logo">校视通</a>
      </div>

      <ul class="nav-top">
        <!-- :::: bell :::: -->
        <li class="bell">
          <a href="#"><i class="fa fa-bell-o"></i><span class="belllabel">3</span></a>
          <ul class="submenu">
            <li><a href="#"><i class="fa fa-plus"></i><span>新用户注册</span></a></li>
            <li><a href="#"><i class="fa fa-plus"></i><span>新用户注册</span></a></li>
            <li><a href="#"><i class="fa fa-envelope-o"></i><span>新用户注册</span></a></li>
            <li><a href="#" class="more">查看所有消息</a></li>
          </ul>
        </li>

        <!-- :::: return :::: -->
        <li class="return">
          <a href="#">
            <i class="fa fa-exchange" id="manage-transfer"></i>
          </a>
        </li>

        <!-- :::: logout :::: -->
        <li class="logout">
          <a href="#">
            <i class="fa fa-sign-out" id="manage-logout"></i>
          </a>
        </li>

      </ul>
    </header>
    <!-- end header -->



    <div class="dash-outer">

      <nav class="dash-nav">
        <header>
          <div class="profile">
            用户名
          </div>
        </header>
        <ul class="nav nav-main">
              <li class="active">
                <a href="" class="link">
                  <i class="fa fa-sign-out"></i>
                  <span>学生管理</span>
                </a>
              </li>
              <li class="">
                <a href="" class="link">
                  <i class="fa fa-sign-out"></i>
                  <span>学生管理</span>
                </a>
              </li>
              <li class="">
                <a href="" class="link">
                  <i class="fa fa-sign-out"></i>
                  <span>学生管理</span>
                </a>
              </li>
              <li class="">
                <a href="" class="link">
                  <i class="fa fa-sign-out"></i>
                  <span>学生管理</span>
                </a>
              </li>
              <li class="">
                <a href="" class="link">
                  <i class="fa fa-sign-out"></i>
                  <span>学生管理</span>
                </a>
              </li>
              <li class="">
                <a href="" class="link">
                  <i class="fa fa-sign-out"></i>
                  <span>学生管理</span>
                </a>
              </li>
        </ul>
      </nav>

      <main role="main" class="dash-main">
        <form>
          <div class="form-group">
            <label for="example1">example1</label>
            <input type="text" class="form-control" id="example1" placeholder="">
          </div>
          <div class="form-group">
            <label for="example2">example2</label>
            <input type="text" class="form-control" id="example2" placeholder="">
          </div>
          <div class="select">
            <span>选择</span>
            <select class="form-control">
              <option>Option 1</option>
              <option>Option 2</option>
              <option>Option 3</option>
              <option>Option 4</option>
              <option>Option 5</option>
            </select>
          </div>
          <div class="radio">
            <span>选择</span>
            <label>
              <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
              Option 1
            </label>
            <label>
              <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
              Option 2
            </label>
            <label>
              <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
              Option 3
            </label>
          </div>
          <textarea class="form-control" rows="3"></textarea>
          <button type="submit" class="btn btn-default">Submit</button>
        </form>


        <div class="dash-table">
          <table class="table table-hover">
            <thead>
              <tr>
                <th>ID</th>
                <th>学号</th>
                <th>姓名</th>
                <th>手机</th>
                <th>学号</th>
              </tr>
            </thead>
            <tbody>
                <tr>
                  <td>000</td>
                  <td>000</td>
                  <td>000</td>
                  <td>000</td>
                  <td>000</td>
                </tr>
            </tbody>
          </table>
          <nav class="page">
            <ul class="pagination">
              <li class="disabled"><a href="#" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a></li>
              <li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
              <li><a href="#">2</a></li>
              <li><a href="#">3</a></li>
              <li><a href="#">4</a></li>
              <li><a href="#">5</a></li>
              <li>
                <a href="#" aria-label="Next">
                  <span aria-hidden="true">&raquo;</span>
                </a>
              </li>
            </ul>
          </nav>
        </div>

      </main>

    </div>


  </body>
</html>
